<!DOCTYPE html>
<!-- saved from url=(0040)http://www.songoftime.com/character.html -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1,minimum-scale=1">
    <link href="http://www.songoftime.com/favicon.ico" rel="shortcuticon" type="image/x-icon">
    <title>人物列表 - 时之歌Project</title>
    <meta name="description" content="大型二次元物语音乐计划时之歌Project人物列表">
    <meta name="keywords" content="时之歌,时之歌Project,时之歌人物列表,songoftime">
    <!--[if lt IE 9]>
    <script type="text/javascript" src="js/html5.js"></script>
    <script type="text/javascript" src="js/css3-mediaqueries.js"></script>
    <!
    [endif]-->
    <!--<script src="js/hm.js"></script>-->
    <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="js/swiper.min.js"></script>
    <script type="text/javascript" src="js/fastclick.js"></script>
    <link href="css/shared.css" rel="stylesheet">
    <link href="css/swiper.min.css" rel="stylesheet">
    <link href="css/character.css" rel="stylesheet">
</head>
<body class="country-s">

<div class="wrapper">
    <div class="swiper-container swiper-container-horizontal">
        <div class="swiper-wrapper"><div class="swiper-slide swiper-slide-duplicate swiper-slide-prev" data-swiper-slide-index="10">
            <div class="char" data-country="m" data-character="m">
                <img src="img/char-m.png">
                <ul class="char-voice m">
                    <li class="v1 enable" data-audio="m1"><span></span></li>
                    <li class="v2" data-audio="m2"><span></span></li>
                    <li class="v3" data-audio="m3"><span></span></li>

                </ul>
            </div>
        </div>
            <div class="swiper-slide swiper-slide-active" data-swiper-slide-index="0">
                <div class="char" data-country="s" data-character="s1">
                    <img src="img/char-s1.png">
                    <ul class="char-voices1">
                        <li class="v1 enable" data-audio="s11"><span></span></li>
                        <li
                                class="v2" data-audio="s12"><span></span></li>
                        <li class="v3" data-audio="s13"><span></span></li>
                    </ul>
                </div>
            </div>
            <div class="swiper-slide swiper-slide-next" data-swiper-slide-index="1">
                <div class="char" data-country="s" data-
                     character="s2">
                    <img src="img/char-s2.png">
                    <ul class="char-voice s2">
                        <li class="v1 enable" data-audio="s21"><span></span></li>
                        <li class="v2" data-audio="s22"><span></span></li>

                        <li class="v3" data-audio="s23"><span></span></li>
                    </ul>
                </div>

            </div>
            <div class="swiper-slide" data-swiper-slide-index="2">
                <div class="char" data-
                     country="s" data-character="s3">
                    <img src="img/char-s3.png">
                    <ul class="char-voice s3">
                        <li class="v1" data-audio="s31"><span></span></li>
                        <li class="v2" data-audio="s32"><span></span></li>
                        <li class="v3" data-audio="s33"><span></span></li>
                    </ul>
                </div>
            </div>
            <div class="swiper-slide" data-swiper-slide-index="3">
                <div class="char" data-country="e" data-character="e1">
                    <img src="img/char-e1.png">
                    <ul class="char-voice e1">
                        <li class="v1 enable" data-audio="e11"><span></span></li>
                        <li class="v2" data- audio="e12"><span></span></li>
                        <li class="v3" data-audio="e13"><span></span></li>
                    </ul>
                </div>
            </div>
            <div class="swiper-slide" data- swiper-slide-index="4">
                <div class="char" data-country="e" data-character="e2" >
                    <img src="img/char-e2.png">

                    <ul class="char-voice e2">
                        <li class="v1 enable" data-audio="e21"><span></span></li>
                        <li class="v2" data-audio="e22"><span></span></li>
                        <li class="v3" data-
                            audio="e23"><span></span></li>
                    </ul>
                </div>
            </div>
            <div class="swiper-slide" data-swiper-slide-index="5">
                <div class="char" data-country="e" data-
                     character="e3">
                    <img src="img/char-e3.png">
                    <ul class="char-voice e3">
                        <li class="v1 enable" data-audio="e31"><span></span></li>
                        <li class="v2" data-audio="e32"><span></span></li>
                        <li class="v3" data-audio="e33"><span></span></li>
                    </ul>
                </div>
            </div>
            <div class="swiper-slide" data-swiper-slide-index="6">
                <div class="char" data-country="n" data-character="n1">
                    <img src="img/char-n1.png">
                    <ul class="char-voice n1">

                        <li class="v1 enable" data-audio="n11"><span></span></li>
                        <li class="v2" data- audio="n12"><span></span></li>
                        <li class="v3" data-audio="n13"><span></span></li>
                    </ul>
                </div>
            </div>
            <div class="swiper-slide" data- swiper-slide-index="7">
                <div class="char" data-country="n" data-character="n2">
                    <img src="img/char-n2.png">

                    <ul class="char-voice n2">
                        <li class="v1 enable" data-audio="n21"><span></span></li>
                    </ul>
                </div>
            </div>
            <div class="swiper-slide" data-swiper-slide-index="8">
                <div class="char" data-country="w" data-character="w1" >
                    <img src="img/char-w1.png">
                    <ul class="char-voice w1">
                        <li class="v1 enable" data-audio="w11"><span></span></li>
                        <li class="v2" data- audio="w12"><span></span></li>
                        <li class="v3" data-audio="w13"><span></span></li>
                    </ul>
                </div>
            </div>
            <div class="swiper-slide" data- swiper-slide-index="9">
                <div class="char" data-country="w" data-character="w2">
                    <img src="img/char-w2.png">
                    <ul class="char-voice w2">
                        <li class="v1 enable" data-audio="w21"><span></span></li>
                        <li class="v2" data-audio="w22"><span></span></li>
                        <li class="v3" data- audio="w23"><span></span></li>
                    </ul>
                </div>
            </div>
            <div class="swiper-slide" data-swiper-slide-index="10">
                <div class="char" data-country="m" data-
                     character="m">
                    <img src="img/char-m.png">
                    <ul class="char-voice m">
                        <li class="v1 enable" data-audio="m1"><span></span></li>
                        <li class="v2" data-audio="m2"><span></span></li>
                        <li class="v3" data-audio="m3"><span></span></li>
                    </ul>
                </div>

            </div>
            <div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0">
                <div class="char" data-country="s" data-character="s1" >
                    <img src="img/char-s1.png">
                    <ul class="char-voice s1">
                        <li class="v1 enable" data-audio="s11" s><span></span></li>
                        <li class="v2" data-audio="s12"><span></span></li>
                        <li class="v3" data-audio="s13" ><span></span></li>
                    </ul>
                </div>
            </div></div>
        <div class="swiper-button-prev swiper-button char-m" data-clickbgm="clickBGM"><span></span></div>

        <div class="swiper-button-next swiper-button char-s2" data-clickbgm="clickBGM"><span></span></div>
        <p class="copyright">Copyright © 2015 Funtune. Corporation, All Rights Reserved 泛音堂 版权所有 Powered By.八崇科技<br><a href="http://www.miitbeian.gov.cn/" target="_blank">沪ICP备15049970号</a></p>
        <a
                href="http://www.songoftime.com/index.html" class="btn-back" data-clickbgm="clickBGM"></a>

    </div>
</div>
<div class="video-media">
    <audio id="s11">
        <source src="media/audio/s11.mp3"
                type="audio/mpeg">
        <source src="media/audio/s11.ogg" type="audio/ogg">
    </audio>
    <audio id="s21">
        <source src="media/audio/s21.mp3" type="audio/mpeg">
        <source src="media/audio/s21.ogg" type="audio/ogg">
    </audio>
    <audio id="e11">
        <source src="media/audio/e11.mp3" type="audio/mpeg">
        <source src="media/audio/e11.ogg" type="audio/ogg">
    </audio>
    <audio id="e21">
        <source src="media/audio/e21.mp3" type="audio/mpeg">
        <source src="media/audio/e21.ogg" type="audio/ogg">
    </audio>
    <audio id="e31">
        <source src="media/audio/e31.mp3" type="audio/mpeg">
        <source src="media/audio/e31.ogg" type="audio/ogg">
    </audio>
    <audio id="n11">
        <source src="media/audio/n11.mp3" type="audio/mpeg">
        <source src="media/audio/n11.ogg" type="audio/ogg">
    </audio>
    <audio id="n21">
        <source src="media/audio/n21.mp3" type="audio/mpeg">
        <source src="media/audio/n21.ogg" type="audio/ogg">
    </audio>
    <audio id="w11">

        <source src="media/audio/w11.mp3" type="audio/mpeg">
        <source src="media/audio/w11.ogg" type="audio/ogg">

    </audio>
    <audio id="w21">
        <source src="media/audio/w21.mp3" type="audio/mpeg">
        <source
                src="media/audio/w21.ogg" type="audio/ogg">
    </audio>
    <audio id="m1">
        <source src="media/audio/m1.mp3" type="audio/mpeg">
        <source src="media/audio/m1.ogg" type="audio/ogg">
    </audio>
    <audio id="clickBGM">

        <source src="media/audio/click-bgm.mp3" type="audio/mpeg">
        <source src="media/audio/click-bgm.ogg" type="audio/ogg">
    </audio>
</div>
<script type="text/javascript" src="js/shared.js"></script>
<script type="text/javascript" src="js/character.js"></script>

<!--<script>-->
    <!--var _hmt = _hmt || [];-->

    <!--(function () {-->
        <!--var hm = document.createElement("script");-->
        <!--hm.src = "//hm.baidu.com/hm.js?-->
        <!--d02a5356e8394e3d90608d673d3c0e80";-->
        <!--var s = document.getElementsByTagName("script")[0];-->

        <!--s.parentNode.insertBefore(hm, s);-->
    <!--})();-->
<!--</script>-->

</body>
</html>